<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生交费</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../../css/newFeeCss/newFee.css">
    <style>
        .layui-input {
            border: hidden;
            color: black;
        }

        .layui-form-item {
            color: black;
        }
    </style>
</head>

<body style="background-color: powderblue ;">
<div class="layui-container" style="margin-top: 50px; margin-bottom: 100px">

    <form class="layui-form" action="javascript:;">

        <div class="head1">
            <h1>
                学生交费
            </h1>
        </div>

        <div style="margin-top: 10px ;">

            <div class="layui-form-item">
                <input type="hidden" id="marketingName" name="marketingName"/>
                <input type="hidden" name="treeId"/>
                <input type="hidden" name="classesId"/>
                <label class="layui-form-label">学号：</label>
                <div class="layui-input-inline">
                    <input id="studentId" name="studentId" class="layui-input" readonly>
                </div>

                <label class="layui-form-label">姓名：</label>
                <div class="layui-input-inline">
                    <input id="studentName" name="studentName" class="layui-input" readonly>
                </div>

                <label class="layui-form-label">身份证：</label>
                <div class="layui-input-inline">
                    <input id="studentIdNumber" name="studentIdNumber" class="layui-input" readonly>
                </div>

            </div>

            <div class="layui-form-item">

                <label class="layui-form-label">学期：</label>
                <div class="layui-input-inline">
                    <input id="studentSchoolTerm" name="studentSchoolTerm" class="layui-input" readonly>
                </div>

                <label class="layui-form-label">班级：</label>
                <div class="layui-input-inline">
                    <input type="hidden" name="studentClasses"/>
                    <input id="classesName" name="classesName" class="layui-input" readonly>
                </div>

                <label class="layui-form-label">创建日期：</label>
                <div class="layui-input-inline">
                    <input id="studentCreateDate" name="studentCreateDate" class="layui-input" readonly>
                </div>

                <!--                    <div class="layui-input-inline">-->
                <!--                        <button class="layui-btn" id="xz" style="width: 180px;">-->
                <!--                            一建选择学院/专业/班级-->
                <!--                        </button>-->
                <!--                    </div>-->


            </div>

        </div>

        <div style="margin-top: 32px; width: 100%">

            <h2 style="width: 200px; margin-left: 40px;margin-bottom: 10px">交费信息:</h2>
            <div style="margin-left: 40px; overflow: hidden">

                <h3 style="width: 300px; margin-top: 20px; float: left;">
                    已有单据:
<!--                    <div style="float: right">-->
<!--                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="addFl">添加</button>-->
<!--                    </div>-->
                </h3>


                <h3 style="width: 700px; margin-top: 20px; float: right;">
                    欠费情况:
<!--                    <div style="float: right">-->
<!--                        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="addDD">添加-->
<!--                        </button>-->
<!--                    </div>-->
                </h3>

                <div style="float: left; width: 300px; height: 250px; border: 1px #beceeb solid; margin-top: 10px">
                    <div id="test1"></div>
                </div>
                <div style="float: right; width: 700px;height: 250px; border: 1px #beceeb solid; margin-top: 10px">
                    <table id="demo" lay-filter="stuTable"></table>
                </div>

            </div>

        </div>

        <div style="margin-top: 30px; width: 100%">

            <h2 style="width: 200px; margin-left: 40px;margin-bottom: 10px">单据表格:</h2>
            <div style="border: #148be4 dotted; margin-left: 40px; ">
                <table id="demo02" lay-filter="stuTable02"></table>
            </div>

        </div>

        <div style="margin-top: 30px;">

            <div class="layui-form-item">

                <label class="layui-form-label">减免金额：</label>
                <div class="layui-input-inline">
                    <input id="studentAnnul" readonly name="preferentialPrice" value="0.00" class="layui-input">
                </div>

                <label class="layui-form-label" style="width: 80px">支付方式：</label>
                <div class="layui-input-inline">
                    <select name="documentWay">
                        <option value="">请选择支付方式</option>
                        <option value="1">支付宝</option>
                        <option value="2">微信</option>
                        <option value="3">银联</option>
                        <option value="4">现金</option>
                    </select>
                </div>


            </div>


            <div class="layui-form-item">

                <label class="layui-form-label">订单总额：</label>
                <div class="layui-input-inline">
                    <input id="studentAmountTo" readonly name="arrearage" value="00000.00" class="layui-input"
                           style="border: hidden; color: red; font-weight: 600">
                </div>


                <label class="layui-form-label">已收费用：</label>
                <div class="layui-input-inline">
                    <input id="studentPaidIn" name="haveFees" placeholder="请输入收款金额" class="layui-input"
                           style="border: hidden; color: red; font-weight:600 ">
                </div>

                <!--                    <button class="layui-btn layui-btn-warm" lay-submit lay-filter="fq" id="fq" style="width: 120px; margin-left: 60px">分期</button>-->
                <button class="layui-btn layui-btn-primary" lay-submit lay-filter="dy" style="width: 120px;">打印</button>
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="*" style="width: 120px">确定</button>

            </div>

        </div>

    </form>

</div>
</body>

<script src="../../layui/layui.js"></script>
<script src="../../js/jquery-3.6.0.js"></script>
<script src="../../js/stuJs/stuFee.js"></script>

</html>